.writeFarming {
    /* width: 100%; */
    height: 300px;
    background: linear-gradient(-45deg, #2d8cf0, #19be6b, #ff9900, #ed3f14);
    animation: gradientBG 4s ease infinite;
    background-size: 400% 400%;
    overflow-y: scroll;
}
.list {
    height: 300px;
    background: linear-gradient(-45deg, #2d8cf0, #19be6b, #ff9900, #ed3f14);
    animation: gradientBG 4s ease infinite;
    background-size: 400% 400%;
}
@keyframes gradientBG {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
li {
    list-style: none;
}
.user {
    border-radius: 7px;
    font-size: 24px;
    background: linear-gradient(-45deg, #2d8cf0, #19be6b, #ff9900, #ed3f14);
    animation: gradientBG 4s ease infinite;
    background-size: 400% 400%;
}
